<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css"> 
		@import "style.css";
	</style>

	<!-- title	-->
	<title>GuiaTV</title>
	
	<!-- Apple classes for buttons -->
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleAnimator.js' charset='utf-8' />
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleButton.js' charset='utf-8' />
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleInfoButton.js' charset='utf-8' />
	
	<!-- Apple classes for scroll area -->
	<script type="text/javascript" src="/System/Library/WidgetResources/AppleClasses/AppleScrollArea.js" charset="utf-8"/>
	<script type="text/javascript" src="/System/Library/WidgetResources/AppleClasses/AppleScrollbar.js" charset="utf-8"/>

	<!-- Widget classes -->
	<script type='text/javascript' src='Scripts/URL.js' />
	<script type='text/javascript' src='Scripts/ParseHtml.js' />
	<script type='text/javascript' src='Scripts/GuiaTV.js' />
	<script type='text/javascript' src='Scripts/RefreshButton.js' />
	
	<!-- available channels-->
	<script type='text/javascript' src='Scripts/Channels.js' />
</head>
<body onload="Guia.setupWidget()">
	<div id="front">
		<div id="title">Guia TV</div>
		
		<div id="contents">
			<div class="even">0:56  A Vingadora (5), Ep 505</div><div class="odd">1:43  Um Demónio Vestido De Azul</div><div class="even">3:22  Motivos Pessoais (1), Ep 103</div><div class="odd">4:49  Jovens Advogados (1), Ep 118</div><div class="even">5:37  Stingers - Infiltrados</div><div class="odd">6:32  C.S.I. Nova Iorque (2), Ep 208</div><div class="even">7:18  Motivos Pessoais (1), Ep 103</div><div class="odd">8:42  Sobrenatural (1), Ep 105</div><div class="even">9:30  E.R.Serviço de Urgência (6), Ep 613</div><div class="odd">10:20  Stingers - Infiltrados</div><div class="even">11:15  Motivos Pessoais (1), Ep 104</div><div class="odd">12:40  A Vingadora (5), Ep 505</div><div class="even">13:35  C.S.I. Nova Iorque (2), Ep 208</div><div class="odd">14:25  Jag - Em Nome da Justiça</div><div class="even">15:20  Medium (2), Ep 221</div><div class="odd">16:10  Sem Rasto (1), Ep 115</div><div class="even">17:05  Sobrenatural (1), Ep 105</div><div class="odd">17:55  E.R.Serviço de Urgência (6), Ep 614</div><div class="even">18:50  C.S.I. Nova Iorque (2), Ep 209</div><div class="odd">19:40  Stingers - Infiltrados</div><div class="even">20:35  Jag - Em Nome da Justiça</div><div class="odd">21:30  C.S.I. (6), Ep 608</div><div class="even">22:25  Godzilla</div>
		</div>
		<div id='scrollbar'></div>
		
		<!-- user feedback -->
		<img id='progressGraphic' src="Images/Progress/prog1.png" />
		
		<!-- left and right -->
		<img src="Images/left.png" id="left" onClick='Guia.userInterface.previousDay();' />
		<img src="Images/right.png" id="right" onClick='Guia.userInterface.nextDay();' />
		
		<div id="weekDay"></div>
		<div id="date"></div>
		
		<!-- some animated buttons -->
		<div id='infoButton'></div>
		<div id='refreshButton'></div>
	</div>
	<div id="back">
		<div id="backTitle">Seleccione os canais:</div>
		<div id="backOptions">Opções:</div>
		<div id="doneButton"></div>
	</div>
</body>
</html>

